<template>
    <div class="container">
        <MSwipe />
        <SearchBar outerBg="#f5f5f5" innerColor="#fff" hasBorder="true" />
        <Hotcate></Hotcate>
        <Goodcook></Goodcook>
    </div>
</template>

<script setup>
import MSwipe from '@/components/mSwipe/mSwipe.vue'
import SearchBar from '@/components/searchBar/SearchBar.vue'

import Hotcate from './Hotcate.vue'
import Goodcook from './Goodcook.vue'
</script>

<style lang="scss" scoped>
.container {
    margin-bottom: 50px;
}
</style>